﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>vpGrid</title>
    <link href="../../../Styles/jQuery-UI/vp/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
    <link href="../../../Styles/qTip2/qTip2-2.2.0/jquery.qtip.min.css" rel="stylesheet" />
    <link href="../../../Styles/jqGrid/jqGrid-4.6.0/ui.jqgrid.css" rel="stylesheet" />
    <link href="../../../Styles/vpGrid/vpGrid-1.1.2.css" rel="stylesheet" />

    <!-- jQuery -->
    <script src="../../../Scripts/jQuery/jquery-1.11.0.min.js"></script>

    <!--jQuery-UI-->
    <script src="../../../Scripts/jQuery-UI/jquery-ui-1.10.4.custom.min.js"></script>
    <script src="../../../Scripts/jQuery-UI/i18n/jquery.ui.datepicker-en-GB.js"></script>

    <!-- qTip2-->
    <script src="../../../Scripts/qTip2/qTip2-2.2.0/jquery.qtip.min.js"></script>

    <!--jqGrid-->
    <script src="../../../Scripts/jqGrid/jqGrid-4.6.0/i18n/grid.locale-en.js"></script>
    <script src="../../../Scripts/jqGrid/jqGrid-4.6.0/jquery.jqGrid.src.js"></script>

    <!--vpGrid-->
    <script src="../../../Scripts/vpGrid/vpGrid-1.1.2.js"></script>
    <script src="../../../Scripts/vpGrid/i18n/vpGrid-1.1.2.locale-en.js"></script>

    <!--Your Grid-->
    <script src="Scripts/myGrid-Part1.js"></script>
</head>
<body>
    <!-- vpGrid start-->
    <div role="vpgrid-quick-launch" class="vpgrid-quick-launch">
        &nbsp;
    </div>
    


    <div role="vpgrid-container" class="vpgrid-container">
        <!--  Grid Title-->
        <h1 class="vpgrid-title">Saisie Timesheet DSI</h1>


        <!-- Grid body : jqgrid-->
        <div role="vpgrid-body">

            <table role="vpgrid-schema" class="vpgrid-hidden">
                <!-- Schema definition of the grid-->
                <thead>
                    <!-- Custom jqGrid Caption -->
                    <tr class="ui-widget-header">
                        <th colspan="18">
                            <div role="vpgrid-schema-caption">
                                <span class="left">
                                    Année :
                                    <select id="annee"
                                            role="vpgrid-remote-data-filter"
                                            data-vpgrid-remote-data-filter-key="Annee"
                                            data-vpgrid-ui-element="true"
                                            data-vpgrid-datasource="/_layouts/VPLink2014/TimesheetDSI/ApplicationPages/SaisieTimesheet/GetKeyValues_Annees.aspx"
                                            data-vpgrid-datasource-type="web"
                                            data-vpgrid-timeline-sequence="GridLoading"
                                            data-vpgrid-handlers='{"change" : { "handler" : "VP.Timesheet.onSelectChangedEventHandler1", "params":"annee",  "async" : true, "asyncKey" : "onSelectChange"}}'>
                                        <option value="2014">2014</option>

                                    </select>

                                </span>

                                <span class="left">
                                    Semaine :
                                    <select id="semaine"
                                            data-vpgrid-ui-element="true"
                                            data-vpgrid-datasource="/_layouts/VPLink2014/TimesheetDSI/ApplicationPages/SaisieTimesheet/GetKeyValues_Semaines.aspx"
                                            data-vpgrid-datasource-type="web"
                                            data-vpgrid-timeline-sequence="GridLoading"
                                            data-vpgrid-handlers='{"change" : { "handler" : "VP.Timesheet.onSelectChangedEventHandler1", "params":"semaine",  "async" : true, "asyncKey" : "onSelectChange"}}'></select>

                                </span>

                                <span class="left">
                                    Pour le compte de :
                                    <select id="user"
                                            data-vpgrid-ui-element="true"
                                            data-vpgrid-datasource="/_layouts/VPLink2014/TimesheetDSI/ApplicationPages/SaisieTimesheet/GetKeyValues_Users.aspx"
                                            data-vpgrid-datasource-type="web"
                                            data-vpgrid-timeline-sequence="GridLoading"
                                            data-vpgrid-handlers='{"change" : { "handler" : "VP.Timesheet.onSelectChangedEventHandler1", "params":"user",  "async" : true, "asyncKey" : "onSelectChange"}}'></select>

                                </span>
                                <span role="vpgrid-ajax-trace" class='vpgrid-ajax-trace'></span>

                            </div>
                        </th>
                    </tr>
                    <!-- End Custom jqGrid Caption -->

                    <tr role="vpgrid-schema-columns" class="ui-widget-header">
                        <!-- 1st column-->
                        <th class="center"
                            data-vpgrid-column-name="remoteId"
                            data-vpgrid-column-type="key"
                            data-vpgrid-column-width="1"
                            data-vpgrid-column-hidden="true"
                            data-vpgrid-column-editable="false">Remote ID</th>

                        <th class="center"
                            data-vpgrid-column-name="annee"
                            data-vpgrid-column-type="year"
                            data-vpgrid-column-width="35"
                            data-vpgrid-column-hidden="true"
                            data-vpgrid-column-editable="false"
                            data-vpgrid-column-fixed-width="true"
                            data-vpgrid-column-align="center">Année</th>

                        <th class="center"
                            data-vpgrid-column-name="semaine"
                            data-vpgrid-column-type="int"
                            data-vpgrid-column-width="35"
                            data-vpgrid-column-hidden="true"
                            data-vpgrid-column-editable="false"
                            data-vpgrid-column-fixed-width="true"
                            data-vpgrid-column-align="center">Semaine</th>

                        <th class="center"
                            data-vpgrid-column-name="login"
                            data-vpgrid-column-type="int"
                            data-vpgrid-column-width="35"
                            data-vpgrid-column-hidden="true"
                            data-vpgrid-column-editable="false"
                            data-vpgrid-column-fixed-width="true"
                            data-vpgrid-column-align="center">User Login</th>

                        <th class="center"
                            data-vpgrid-column-name="projet"
                            data-vpgrid-column-type="string"
                            data-vpgrid-column-width="200"
                            data-vpgrid-column-fixed-width="false"
                            data-vpgrid-column-hidden="false"
                            data-vpgrid-column-editable="true"
                            data-vpgrid-column-required="true"
                            data-vpgrid-column-edittype="autocomplete"
                            data-vpgrid-column-sortable="false"
                            data-vpgrid-column-css="vpgrid-cell">Projet</th>

                        <th class="center"
                            data-vpgrid-column-name="tache"
                            data-vpgrid-column-type="string"
                            data-vpgrid-column-width="200"
                            data-vpgrid-column-hidden="false"
                            data-vpgrid-column-editable="true"
                            data-vpgrid-column-required="true"
                            data-vpgrid-column-sortable="false"
                            data-vpgrid-column-edittype="autocomplete"
                            data-vpgrid-column-css="vpgrid-cell">Tâche</th>


                        <th class="center"
                            data-vpgrid-column-name="lundi"
                            data-vpgrid-column-type="number"
                            data-vpgrid-column-width="10"
                            data-vpgrid-column-hidden="false"
                            data-vpgrid-column-editable="true"
                            data-vpgrid-column-sortable="false"
                            data-vpgrid-column-min-value="0"
                            data-vpgrid-column-max-value="1"
                            data-vpgrid-column-required="false"
                            data-vpgrid-column-css="vpgrid-cell">Lun 28/04</th>

                        <th class="center"
                            data-vpgrid-column-name="mardi"
                            data-vpgrid-column-type="number"
                            data-vpgrid-column-width="10"
                            data-vpgrid-column-hidden="false"
                            data-vpgrid-column-editable="true"
                            data-vpgrid-column-sortable="false"
                            data-vpgrid-column-min-value="0"
                            data-vpgrid-column-max-value="1"
                            data-vpgrid-column-css="vpgrid-cell">Mar 29/04</th>

                        <th class="center"
                            data-vpgrid-column-name="mer"
                            data-vpgrid-column-type="number"
                            data-vpgrid-column-width="10"
                            data-vpgrid-column-hidden="false"
                            data-vpgrid-column-editable="true"
                            data-vpgrid-column-sortable="false"
                            data-vpgrid-column-min-value="0"
                            data-vpgrid-column-max-value="1"
                            data-vpgrid-column-css="vpgrid-cell">Mer 30/04</th>

                        <th class="center"
                            data-vpgrid-column-name="jeu"
                            data-vpgrid-column-type="number"
                            data-vpgrid-column-width="10"
                            data-vpgrid-column-hidden="false"
                            data-vpgrid-column-editable="true"
                            data-vpgrid-column-sortable="false"
                            data-vpgrid-column-min-value="0"
                            data-vpgrid-column-max-value="1"
                            data-vpgrid-column-locked="true"
                            data-vpgrid-column-css="vpgrid-cell">Jeu 01/05 (Férié)</th>

                        <th class="center"
                            data-vpgrid-column-name="ven"
                            data-vpgrid-column-type="number"
                            data-vpgrid-column-width="10"
                            data-vpgrid-column-hidden="false"
                            data-vpgrid-column-editable="true"
                            data-vpgrid-column-sortable="false"
                            data-vpgrid-column-min-value="0"
                            data-vpgrid-column-max-value="1"
                            data-vpgrid-column-css="vpgrid-cell">Ven 02/05</th>

                        <th class="center"
                            data-vpgrid-column-name="commentaires"
                            data-vpgrid-column-type="note"
                            data-vpgrid-column-width="100"
                            data-vpgrid-column-hidden="true"
                            data-vpgrid-column-editable="true"
                            data-vpgrid-column-sortable="false"
                            data-vpgrid-column-css="vpgrid-cell">Commentaires</th>

                        <!--Nth- 1 column-->
                        <th class="center"
                            data-vpgrid-column-name="isReadOnly"
                            data-vpgrid-column-type="actionValidator"
                            data-vpgrid-column-actiontype="updateItem"
                            data-vpgrid-column-width="10"
                            data-vpgrid-column-hidden="true"
                            data-vpgrid-column-editable="false"
                            data-vpgrid-column-sortable="false"
                            data-vpgrid-column-css="vpgrid-cell"></th>

                        <th class="center"
                            data-vpgrid-column-name="isDeletable"
                            data-vpgrid-column-type="actionValidator"
                            data-vpgrid-column-actiontype="deleteItem"
                            data-vpgrid-column-width="20"
                            data-vpgrid-column-fixed-width="true"
                            data-vpgrid-column-hidden="true"
                            data-vpgrid-column-editable="false"
                            data-vpgrid-column-sortable="false"
                            data-vpgrid-column-align="center"></th>

                        <!--Nth column-->
                        <th class="center"
                            data-vpgrid-column-name="delete"
                            data-vpgrid-column-type="action"
                            data-vpgrid-column-actiontype="deleteItem"
                            data-vpgrid-column-width="20"
                            data-vpgrid-column-fixed-width="true"
                            data-vpgrid-column-hidden="false"
                            data-vpgrid-column-editable="false"
                            data-vpgrid-column-sortable="false"
                            data-vpgrid-column-align="center"></th>

                    </tr>
                </thead>
                <tfoot>
                    <tr class="ui-widget-header" colspan="8">
                        <td>
                            <div role="vpgrid-schema-status-bar">
                                <div class="vpgrid-status-group">
                                    Items :
                                    <span data-vpgrid-ui-content-placeholder="true"
                                          data-vpgrid-ui-id="vpGrid.filteredItemCount"
                                          data-vpgrid-datasource="vpGrid.filteredItemCount"
                                          data-vpgrid-datasource-type="handler"
                                          data-vpgrid-timeline-sequence="GridLoaded">
                                    </span>
                                    <!--
                                    /
                                    <span data-vpgrid-ui-content-placeholder="true"
                                          data-vpgrid-ui-id="vpGrid.totalItemCount"
                                          data-vpgrid-datasource="vpGrid.totalItemCount"
                                          data-vpgrid-datasource-type="handler"
                                          data-vpgrid-timeline-sequence="GridLoaded">
                                    </span>
                                    -->

                                </div>
                            </div>
                        </td>
                    </tr>
                </tfoot>
            </table>

        </div>
        <!-- End Grid body-->
        <!-- grid footer -->
        <div role="vpgrid-footer" class="vpgrid-footer ui-jqgrid ui-widget ui-widget-content ui-corner-bottom no-border">
            <!-- footer header -->
            <!--
            <div class="ui-jqgrid-view ui-jqgrid-titlebar ui-widget-header ui-helper-clearfix">
                <span class=ui-jqgrid-title>Actions possibles</span>
            </div>
            -->
            <!-- end footer header -->
            <!-- footer body -->
            <div role="vpgrid-ribbon" class="vpgrid-footer-body">
                <button type="button" class="ui-button-text-icon-primary ui-icon-plusthick"
                        data-vpgrid-ui-widget="button"
                        data-vpgrid-ui-widget-options='{"icons": {"primary": "ui-icon-plusthick"}}'
                        data-vpgrid-timeline-sequence="GridLoading"
                        data-vpgrid-handlers='{"click" : { "handler" : "vpGrid.openModalDialog", "params":"vpGridAddNewItem",  "async" : true, "asyncKey" : "onNewItemClick"}}'>
                    Reprise Semaine -1
                </button>

                <button type="button" class="ui-button-text-icon-primary ui-icon-transferthick-e-w"
                        data-vpgrid-ui-widget="button"
                        data-vpgrid-ui-widget-options='{"icons": {"primary": "ui-icon-transferthick-e-w"}}'
                        data-vpgrid-timeline-sequence="GridLoading"
                        data-vpgrid-handlers='{"click" : { "handler" : "VP.Timesheet.LoadDialogToBeDone", "async" : true, "asyncKey" : "updateGrid"}}'>
                    Annuler
                </button>

                <button type="button" class="ui-button-text-icon-primary ui-icon-plusthick"
                        data-vpgrid-ui-widget="button"
                        data-vpgrid-ui-widget-options='{"icons": {"primary": "ui-icon-plusthick"}}'
                        data-vpgrid-timeline-sequence="GridLoading"
                        data-vpgrid-handlers='{"click" : { "handler" : "vpGrid.openModalDialog", "params":"vpGridImportItems",  "async" : true, "asyncKey" : "onImportItemsClick"}}'>
                    Valider
                </button>

            </div>
            <!-- end footer body -->

        </div>
        <!-- end grid footer -->
        <!-- Partial layouts-->
        <div role="vpgrid-partial-ui"
             data-vpgrid-ui-id="vpGridEmptyOnDataLoad"
             style="padding-top:20px;padding-left:20px;" class="vpgrid-hidden">
            <p>
                No data has been received from server. Please check that Url is correct and server is up and running.
            </p>
        </div>

        <div role="vpgrid-partial-ui"
             data-vpgrid-ui-id="vpGridEmptyOnGridComplete"
             style="padding-top:20px;padding-left:20px;" class="vpgrid-hidden">
            <p>
                No data has been found for your search. Either change the filter value or reset at least one filter.
            </p>
        </div>
        <!-- end Partial layouts-->
        <!-- modal dialog windows-->
        <div role="vpgrid-modal-dialog"
             title="Communication avec VPLink..."
             class="vpgrid-hidden vpgrid-container vpgrid-modal-dialog"
             data-vpgrid-dialog-id="vpGridLoading"
             data-vpgrid-ui-widget="dialog"
             data-vpgrid-ui-widget-options='{ "modal": true, "autoOpen": false, "width": "auto", "height": "auto"}'
             data-vpgrid-timeline-sequence="GridLoading">

            <span class="ui-icon  ui-icon-clock" style="float: left; margin: 3px 7px 40px 0;"></span>
            Merci de patienter pendant le chargement des donn&#233es.
        </div>


        <div role="vpgrid-modal-dialog"
             title="Ajouter une nouvelle Tâche"
             class="vpgrid-hidden vpgrid-container vpgrid-modal-dialog"
             data-vpgrid-dialog-id="vpGridAddNewItem"
             data-vpgrid-ui-widget="dialog"
             data-vpgrid-ui-widget-options='{ "modal": true, "autoOpen": false, "width": "auto", "height": "auto"}'
             data-vpgrid-timeline-sequence="GridLoaded">

            <div class="form-vpgrid-modal-dialog">
                <!-- first column-->
                <div class="vp-row">
                    <!-- label -->
                    <div class="span4 text-right ">Nom :</div>
                    <!-- input cell -->
                    <div class="span8 text-center text-small">
                        <input type="text" name="name" id="name"
                               class="text ui-widget-content ui-corner-all"
                               data-vpgrid-column-name="name" />
                    </div>
                    <!-- end input cell -->
                </div>
                <!-- end first column-->
                <!-- 2nd column-->
                <div class="vp-row">
                    <!-- label -->
                    <div class="span4 text-right ">Etat de la tâche :</div>
                    <!-- input cell -->
                    <div class="span8 text-center text-small">
                        <select id="etatTache"
                                data-vpgrid-column-name="etatTache">
                            <option value="En cours">En cours</option>
                            <option value="Non démarré" selected="selected">Non démarré</option>
                            <option value="Terminé">Terminé</option>
                            <option value="Suspendu">Suspendu</option>
                        </select>
                    </div>
                    <!-- end input cell -->
                </div>
                <!-- end 2nd column-->
                <!-- 2nd column-->
                <div class="vp-row">
                    <!-- label -->
                    <div class="span4 text-right ">Nature de la tâche :</div>
                    <!-- input cell -->
                    <div class="span8 text-center text-small">
                        <select id="natureTache"
                                data-vpgrid-column-name="natureTache"
                                data-vpgrid-ui-element="true"
                                data-vpgrid-datasource="/_layouts/VPLink2014/TimesheetDSI/ApplicationPages/NaturesTache/GetKeyValues_NaturesTache.aspx"
                                data-vpgrid-datasource-type="web"
                                data-vpgrid-timeline-sequence="GridLoaded"></select>
                    </div>
                    <!-- end input cell -->
                </div>
                <!-- end 2nd column-->
                <!-- Champs Description -->
                <div class="vp-row">
                    <!-- label -->
                    <div class="span4 text-right ">Description :</div>
                    <!-- input cell -->
                    <div class="span8 text-center text-small height-auto">
                        <textarea rows="5" cols="8"
                                  class="text ui-widget-content ui-corner-all"
                                  id="description" name="description" role="textbox" multiline="true"
                                  data-vpgrid-column-name="description"></textarea>
                    </div>
                    <!-- end input cell -->
                </div>
                <!-- end Champs Description-->


                <hr />
                <!-- form buttons-->
                <div class="vp-row  vp-modal-dialog-bottom-buttons">
                    <div class="span12">

                        <button type="button" class="float-right ui-button-text-icon-primary ui-icon-plusthick"
                                data-vpgrid-ui-widget="button"
                                data-vpgrid-ui-widget-options='{"icons": {"primary": "ui-icon-plusthick"}}'
                                data-vpgrid-timeline-sequence="GridLoaded"
                                data-vpgrid-handlers='{"click" : { "handler" : "vpGrid.addNewItem", "params":"last", "async" : true}}'>
                            Ajouter
                        </button>

                        <button type="button" class="float-right ui-button-text-icon-primary ui-icon-cancel"
                                data-vpgrid-ui-widget="button"
                                data-vpgrid-ui-widget-options='{"icons": {"primary": "ui-icon-cancel"}}'
                                data-vpgrid-timeline-sequence="GridLoaded"
                                data-vpgrid-handlers='{"click" : { "handler" : "vpGrid.closeModalDialog", "async" : true}}'>
                            Annuler
                        </button>

                    </div>

                </div>
                <!-- end form buttons-->
            </div>

        </div>
        <!-- end div role="vpgrid-modal-dialog" -->






        <div role="vpgrid-modal-dialog"
             title="Importer les Tâches d'une Activité"
             class="vpgrid-hidden vpgrid-container vpgrid-modal-dialog"
             data-vpgrid-dialog-id="vpGridImportItems"
             data-vpgrid-ui-widget="dialog"
             data-vpgrid-ui-widget-options='{ "modal": true, "autoOpen": false, "width": "auto", "height": "auto"}'
             data-vpgrid-timeline-sequence="GridLoaded">

            <div class="form-vpgrid-modal-dialog">



                <!-- 2nd column-->
                <div class="vp-row">
                    <!-- label -->
                    <div class="span4 text-right ">Activité source :</div>
                    <!-- input cell -->
                    <div class="span8 text-center text-small">
                        <select id="activiteSource"
                                data-vpgrid-ui-element="true"
                                data-vpgrid-datasource="/_layouts/VPLink2014/TimesheetDSI/ApplicationPages/Activites/GetKeyValues_Activites.aspx"
                                data-vpgrid-datasource-type="web"
                                data-vpgrid-timeline-sequence="GridLoaded"></select>
                    </div>
                    <!-- end input cell -->
                </div>
                <!-- end 2nd column-->



                <hr />
                <!-- form buttons-->
                <div class="vp-row  vp-modal-dialog-bottom-buttons">
                    <div class="span12">

                        <button type="button" class="float-right ui-button-text-icon-primary ui-icon-plusthick"
                                data-vpgrid-ui-widget="button"
                                data-vpgrid-ui-widget-options='{"icons": {"primary": "ui-icon-plusthick"}}'
                                data-vpgrid-timeline-sequence="GridLoaded"
                                data-vpgrid-handlers='{"click" : { "handler" : "VP.Timesheet.ImportTaches", "params":{"tag":"importTaches", "crudKey":"import"}, "async" : true}}'>
                            Importer
                        </button>

                        <button type="button" class="float-right ui-button-text-icon-primary ui-icon-cancel"
                                data-vpgrid-ui-widget="button"
                                data-vpgrid-ui-widget-options='{"icons": {"primary": "ui-icon-cancel"}}'
                                data-vpgrid-timeline-sequence="GridLoaded"
                                data-vpgrid-handlers='{"click" : { "handler" : "vpGrid.closeModalDialog", "async" : true}}'>
                            Annuler
                        </button>

                    </div>

                </div>
                <!-- end form buttons-->
            </div>

        </div>
        <!-- end div role="vpgrid-modal-dialog" -->




        <div role="vpgrid-modal-dialog"
             title="Suppression d'un item"
             class="vpgrid-hidden vpgrid-container vpgrid-modal-dialog"
             data-vpgrid-dialog-id="vpGridDeleteItem"
             data-vpgrid-ui-widget="dialog"
             data-vpgrid-ui-widget-options='{ "modal": true, "autoOpen": false, "width": "auto", "height": "auto"}'
             data-vpgrid-timeline-sequence="GridLoaded">

            <span class="ui-icon  ui-icon-alert" style="float:left; margin:3px 7px 40px 0;">

            </span>
            <span>Etes vous sûr de vouloir supprimer l'élément sélectionné?</span>

            <hr />
            <div class="vp-row  vp-modal-dialog-bottom-buttons">
                <div class="span12">

                    <button type="button" class="float-right ui-button-text-icon-primary ui-icon-trash"
                            data-vpgrid-ui-widget="button"
                            data-vpgrid-ui-widget-options='{"icons": {"primary": "ui-icon-trash"}}'
                            data-vpgrid-timeline-sequence="GridLoaded"
                            data-vpgrid-handlers='{"click" : { "handler" : "vpGrid.deleteCurrentRow", "async" : true}}'>
                        Supprimer
                    </button>

                    <button type="button" class="float-right ui-button-text-icon-primary ui-icon-cancel"
                            data-vpgrid-ui-widget="button"
                            data-vpgrid-ui-widget-options='{"icons": {"primary": "ui-icon-cancel"}}'
                            data-vpgrid-timeline-sequence="GridLoaded"
                            data-vpgrid-handlers='{"click" : { "handler" : "vpGrid.closeModalDialog", "async" : true}}'>
                        Annuler
                    </button>




                </div>


            </div>

        </div>


        <div role="vpgrid-modal-dialog"
             title="Suppression d'un item"
             class="vpgrid-hidden vpgrid-container vpgrid-modal-dialog"
             data-vpgrid-dialog-id="vpGridCannotDeleteItem"
             data-vpgrid-ui-widget="dialog"
             data-vpgrid-ui-widget-options='{ "modal": true, "autoOpen": false, "width": "auto", "height": "auto"}'
             data-vpgrid-timeline-sequence="GridLoaded">

            <span class="ui-icon  ui-icon-alert" style="float:left; margin:3px 7px 40px 0;">

            </span>
            <span>L'élément sélectionné ne peut pas être supprimé</span>

            <hr />
            <div class="vp-row  vp-modal-dialog-bottom-buttons">
                <div class="span12">

                    <button type="button" class="float-right ui-button-text-icon-primary ui-icon-cancel"
                            data-vpgrid-ui-widget="button"
                            data-vpgrid-ui-widget-options='{"icons": {"primary": "ui-icon-cancel"}}'
                            data-vpgrid-timeline-sequence="GridLoaded"
                            data-vpgrid-handlers='{"click" : { "handler" : "vpGrid.closeModalDialog", "async" : true}}'>
                        Ok
                    </button>

                </div>

            </div>

        </div>


        <div role="vpgrid-modal-dialog"
             title=""
             class="vpgrid-hidden vpgrid-container vpgrid-modal-dialog"
             data-vpgrid-dialog-id="vpGridToBeDone"
             data-vpgrid-ui-widget="dialog"
             data-vpgrid-ui-widget-options='{ "modal": true, "autoOpen": false, "width": "auto", "height": "auto"}'
             data-vpgrid-timeline-sequence="GridLoaded">

            <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 40px 0;"></span>
            To be done
        </div>
        <!-- End modal dialog windows-->



        <select id="allActivities"
                style="width: 90%;min-width:60%" class="vpgrid-hidden"
                data-vp-grid-ui-element="true"
                data-vp-grid-datasource="MockRequests/GetKeyValues_AllActivities.html"
                data-vp-grid-datasource-type=" web"
                data-vp-grid-timeline-sequence="GridLoaded">
            <option selected="selected"> </option>

        </select>
    </div>
    <!-- End vpgrid Container-->



    <!-- vpGrid end-->
    <script>
        
        $(function () {

            MyCompany.MyGrid.init();

            vpGrid.init(
                {
                    enableRemoteLogging: false,
                    defaultCaption: "Saisies",
                    enableFilterToolbar: false,
                    enableOperatorsInFilterToolbar: false,
                    enableCustomCaption: true,
                    enableCustomStatusBar: false,
                    enableRowCheckbox: false,
                    enableSummaryRows: true,
                    placeSummaryRowsOnTop: true,
                    numberOfSummaryRows: 1,
                    numberOfVisibleRows: 15,
                    autoInsertNewLineAtBottom: false,
                    userInfoUrl: "MockRequests/UserInfo.html",

                    datepickerOptions: {
                        dateFormat: 'dd/mm/yy',
                        showOtherMonths: true,
                        selectOtherMonths: true,
                        constrainInput: true
                    },
                    crudOptions: {
                        read: "/_layouts/VPLink2014/TimesheetDSI/ApplicationPages/SaisieTimesheet/GetSaisiesTimesheet.aspx",
                        insert: "/_layouts/VPLink2014/TimesheetDSI/ApplicationPages/SaisieTimesheet/InsertSaisieTimesheet.aspx",
                        update: "/_layouts/VPLink2014/TimesheetDSI/ApplicationPages/SaisieTimesheet/UpdateSaisieTimesheet.aspx",
                        'delete': "/_layouts/VPLink2014/TimesheetDSI/ApplicationPages/SaisieTimesheet/DeleteSaisieTimesheet.aspx"

                    },
                    jqGridOptions: {
                        jgrid: {
                            formatter: {
                                integer: { thousandsSeparator: " ", defaultValue: '0' },
                                number: { decimalSeparator: ",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '' },
                                //number: { decimalSeparator: ".", thousandsSeparator: ",", decimalPlaces: 2, defaultValue: '0.00' },
                                currency: { decimalSeparator: ",", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix: " €", defaultValue: '0' },
                                date: { srcformat: 'd/m/Y', newformat: 'd/m/Y' },
                                checkbox: { disabled: false }
                            }
                        }
                    }

                });



        });


        </script>

</body>
</html>
